<div class="post-list-container">
  <form class="form-vertical" role="form">
    <div class="row">
      <div class="col-sm-10">
        <div class="input-group">
          <input class="form-control" type="text" placeholder="请输入关键字" [(ngModel)]="searchText"
                 (keyup)="searchChanged($event)" (change)="searchChanged($event)" id="searchText" name="searchText">
          <span class="input-group-btn">
    <button class="btn btn-default" type="button" (click)="searchChanged($event)"><i class="fa fa-search"
                                                                                     aria-hidden="true"></i> 搜索</button>
    </span>
        </div>
      </div>
      <div class="col-sm-2">
        <div class="input-group">
          <button class="btn btn-success" type="button" (click)="gotoWrite()"><i class="fa fa-pencil-square-o"
                                                                                 aria-hidden="true"></i>编辑
          </button>
        </div>
      </div>
    </div>
  </form>
  <div class="row">
    <div class="col-sm-12">
      <!--搜索盒子-->
      <app-search-box></app-search-box>
      <el-button-group>
        <el-button >最新发布</el-button>
        <el-button >最高薪资</el-button>
        <el-button (click)="mostWatch()">最多人看</el-button>
      </el-button-group>
      <!--<div class="post-item-container" *ngFor="let post of postList">-->
      <!--<h4>-->
      <!--<a [routerLink]="['/post/postdetail',post.postId]">{{post.title}}</a>-->
      <!--</h4>-->
      <!--<p class="{{post.isfamous | boolean }}">-->
      <!--<i class="fa fa-thumbs-up" aria-hidden="true"></i>&nbsp;{{post.likedTimes}} &nbsp;&nbsp;&nbsp;&nbsp;-->
      <!--<i class="fa fa-comment" aria-hidden="true"></i>&nbsp;{{post.commentTimes}} &nbsp;&nbsp;&nbsp;&nbsp;-->
      <!--<i class="fa fa-eye" aria-hidden="true"></i>&nbsp;{{post.readTimes}} &nbsp;&nbsp;&nbsp;&nbsp;{{post.userName-->
      <!--}} &nbsp;&nbsp;&nbsp;&nbsp;{{post.postTime}}-->
      <!--</p>-->
      <!--</div>-->



      <el-table [model]="tableData" [scroll-x]="true" [stripe]="true" [show-header]="false"
                placeholder="暂无数据">
        <el-table-column model-key="name" label="标题" [render-html]="true">

        </el-table-column>
        <el-table-column model-key="img" label="图片" [render-html]="true">
        </el-table-column>
        <el-table-column model-key="address" label="地址" [render-html]="true">
        </el-table-column>
        <el-table-column model-key="num" label="人数" [render-html]="true">
        </el-table-column>
        <el-table-column model-key="date" label="时间">
        </el-table-column>
        <el-table-column label="操作" width="120">
          <ng-template #slot let-scope="scope">
            <el-button type="text" size="small" (click)="handle(scope)">详情</el-button>
          </ng-template>
        </el-table-column>
      </el-table>

      <div style="height: 30px"></div>
      <el-pagination [total]="totalRows"
                     [layout]="['prev', 'pager', 'next', 'jumper', 'total']"
                     (modelChange)="pageChanged1($event)"
      >
      </el-pagination>

    </div>
  </div>
</div>




